<template>
  <div>Helloworld {{ a }}</div>
  <div class="box"></div>
  <div>
    <button @click="add">添加</button>
  </div>
  <div class="header">{{ 1 + 1 }}</div>
  <div class="body">{{ 2 + 2 }}</div>
  <div class="footer">{{ 3 + 3 }}</div>
  <div v-for="(item, index) in list" :key="index">
    {{ item.a }}
  </div>
</template>
<script>
import axios from 'axios'
import { markRaw, ref } from 'vue'
export default {
  data() {
    return {
      a: 1,
      list: [1, 2, 3, 4, 5, 6, 7]
    }
  },
  methods: {
    add() {
      this.a++
    }
  },
  mounted() {
    console.log(`helloworld`)
    //60 * 4 = 240
  }
}
</script>
<style lang="scss">
.box {
  width: 100px;
  height: 100px;
  border: 1px solid #000;
}
</style>
